<template>
  <div class="indexbodybg" style="background-color: #EEF3FA;">
    <div style="position: absolute;z-index: 1000;display: none;" id="hoverImg" @mouseover="hoverMouseover" @mouseout="hoverMouseout">
      <div style="text-align: right;font-size: 30px;color: red;font-weight: bold;">
        <i class="el-icon-close" style="cursor:pointer;" @click="closeHover"></i>
      </div>
      <img style="width: 500px;" :src="hoverImgUrl" @click="handleHoverUrl">
    </div>
    <!--<div class="swiper banner_bg">
      <div class="swiper-wrapper">
        <div
          class="swiper-slide"
          v-for="(item,index) in bannerlist"
          :key="index"
          :style="{ background: 'url(' + item.url + ') center no-repeat' }"
        ></div>
      </div>
    </div>-->
    <div class="banner_bg">
      <ul class="banner_img">
        <li v-for="(item,index) in bannerlist"
            :key="index">
          <img :src="item.url" style="width: 1920px;"/>
        </li>
      </ul>
    </div>
    <IndexHeader></IndexHeader>
    <div class="b1">
      <!-- 左侧轮播图 -->
      <div class="lunbo">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <!--<div
              class="swiper-slide"
              v-for="(item,index) in lbxwlist"
              :key="index"
              :style="{ background: 'url(' + item.src.replace('\\','/') + ')' , backgroundSize:'100% 100%'}"
              @click="lbdetails(item.id)"
            >
              <span>{{ item.title }}</span>
            </div>-->
             <!-- <div class="lunbo_circle"></div>-->
              <div id="swiper-wrapper-wrap"></div>
              <div id="my-swiper-slide">
               <span id="my-lunbo_title" class="lunbo_title"></span>
              </div>
          </div>
          <!--<div class="pagination lunbo_pagination"></div>-->
        </div>
      </div>

      <!-- 支队要闻/领导批示/领导讲话 -->
      <div class="beside1">
        <div class="beside1-wrapper">
          <ul>
            <li
              v-for="(item, index) in navdata[0]"
              @mouseover="hover(item.id, '')"
              @click="link(item.id, 0, 'list')"
            >
              <span :class="hoveractive == item.id ? 'ved' : ''">
                {{ item.name }}
                <img
                  v-if="index == 0 && besidelistnews01"
                  src="../assets/images/point.png"
                />
                 <img
                  v-if="index == 1 && besidelistnews02"
                  src="../assets/images/point.png"
                />
                 <img
                  v-if="index == 2 && besidelistnews03"
                  src="../assets/images/point.png"
                />
                 <img
                  v-if="index == 3 && besidelistnews04"
                  src="../assets/images/point.png"
                />
              </span>
            </li>
          </ul>
        </div>
        <div class="optionArea1">
          <div class="beside1-con">

            <ul v-if="hoveractive == navdata[0][0].id">
              <li
                v-for="item in besidelist01"
                v-if="!item.iswu"
                @click="link(item.id, 0, 'details')"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in besidelist01"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>
            <ul v-if="hoveractive == navdata[0][1].id">
              <li
                v-for="item in besidelist02"
                v-if="!item.iswu"
                @click="link(item.id, 0, 'details')"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in besidelist02"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>
            <ul v-if="hoveractive == navdata[0][2].id">
              <li
                v-for="item in besidelist03"
                v-if="!item.iswu"
                @click="link(item.id, 0, 'details')"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in besidelist03"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>
            <ul v-if="hoveractive == navdata[0][3].id">
              <li
                v-for="item in besidelist04"
                v-if="!item.iswu"
                @click="link(item.id, 0, 'details')"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in besidelist04"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div class="b2">
      <!-- 办公入口 -->
      <div class="ban">
        <div class="ban-wrapper">
          <span><img src="../assets/images/bangong.png" alt="" />办公入口</span>
        </div>
        <div class="ban-con">
          <div class="swiper bgrkSwiper">
            <div class="swiper-wrapper">
              <div
                class="swiper-slide"
                 v-for="(item,index) in bgrklist"
                :key="index"
                @click="bgrklink(item.fileUrl)"
              >
                <img :src="'/show' + item.url" />
                <span>{{ item.title }}</span>
              </div>
            </div>
            <div class="swiper-pagination  bgrkpagination"></div>
          </div>
        </div>
        <span class="b01">
          <img @click="callBackSelect" src="../assets/images/sjldjg3.jpg" style="position: absolute;left: 0px;top:10px;z-index: 99999999999999999">
          <el-select
            ref="sjldjgSelectValue"
            clearable
            class="sjldjgselect"
            v-model="sjldjgSelectValue"
            placeholder="上级领导机关"
            @change="yqljGoto"
            style="width: 261px;margin: 8px 0px 0px 0px;padding: 0px;height: 40px;"
          >
              <el-option
                v-for="(list,index) in yqljselectList"
                :key="index"
                :label="list.title"
                :value="list.url"
              >
              </el-option>
            </el-select>

          <!--<select id="sjldjgSelectValue" v-model="sjldjgSelectValue" class="sjldjgselect2" @change="yqljGoto2">
            <option v-for="(list,index) in yqljselectList"
                     :key="index" :value="list.url">{{list.title}}</option>
          </select>-->

         <!-- <img src="../assets/images/sjldjg.jpg">-->
        </span>
        <span class="b01" @click="login" style="margin-top:20px;"><img src="../assets/images/b02.png"></span>
      </div>

      <!-- 通知公告 -->
      <div class="tongzhi">
        <div class="tongzhi-wrapper">
          <span
            v-for="(item,index) in navdata[1]"
            :key="index"
            :class="hovertz == item.id ? 'ved' : ''"
            @mouseover="hover(item.id, 'tzgg')"
            @click="link(item.id, 1, 'list')"
            >{{ item.name }}
            <img
                  v-if="index == 0 && tongzhilistnews01"
                  src="../assets/images/point.png"
                />
                 <img
                  v-if="index == 1 && tongzhilistnews02"
                  src="../assets/images/point.png"
                />
          </span>

          <!-- <span v-for="item in navdata[1]">{{item.name}}</span> -->
          <div class="listmore" @click="link(hovertz, 1, 'list')">更多+</div>
        </div>
        <div class="tongzhi-con">

         <ul v-if="hovertz == navdata[1][0].id">
              <li
                v-for="item in tongzhilist01"
                v-if="!item.iswu"
                @click="link(item.id, 1, 'details')"
                style="height:43.75px"
              >
                <div class="wenzhangtitle wenzhangtitleindex" >
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span  style="height:43.75px; line-height: 43.75px;">{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in tongzhilist01"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>

            <ul v-if="hovertz == navdata[1][1].id">
              <li
                v-for="item in tongzhilist02"
                v-if="!item.iswu"
                @click="link(item.id, 1, 'details')"
                style="height:43.75px"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in tongzhilist02"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>

            <ul v-if="hovertz == navdata[1][2].id">
              <li
                v-for="item in tongzhilist03"
                v-if="!item.iswu"
                @click="link(item.id, 1, 'details')"
                style="height:43.75px"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in tongzhilist03"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>

        </div>
      </div>

      <!-- 机关动态 -->
      <div class="jiguan">
        <div class="jiguan-wrapper">
          <span
            v-for="(item,index) in navdata[2]"
            :key="index"
            :class="hoverjgdt == item.id ? 'ved' : ''"
            @mouseover="hover(item.id, 'jgdt')"
            @click="link(item.id, 2, 'list')"
            >{{ item.name }}
            <img
                  v-if="index == 0 && jgdtlistnew01"
                  src="../assets/images/point.png"
                />
                 <img
                  v-if="index == 1 && jgdtlistnew02"
                  src="../assets/images/point.png"
                />
                 <img
                  v-if="index == 2 && jgdtlistnew02"
                  src="../assets/images/point.png"
                />
            </span>
          <div class="listmore" @click="link(hoverjgdt, 2, 'list')">更多+</div>
        </div>
        <div class="optionArea2">
          <div class="tongzhi-con">
             <ul v-if="hoverjgdt == navdata[2][0].id">
              <li
                v-for="item in jgdtlist01"
                v-if="!item.iswu"
                 :key="item.id"
                @click="link(item.id, 2, 'details',item.id)"
                style="height:43.75px"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in jgdtlist01"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>
             <ul v-if="hoverjgdt == navdata[2][1].id">
              <li
                v-for="item in jgdtlist02"
                v-if="!item.iswu"
                :key="item.id"
                @click="link(item.id, 2, 'details')"
                style="height:43.75px"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in jgdtlist02"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>
            <ul v-if="hoverjgdt == navdata[2][2].id">
              <li
                v-for="item in jgdtlist03"
                v-if="!item.iswu"
                :key="item.id"
                @click="linkDutyRecord(item.id,2, 'details')"
                style="height:43.75px"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in jgdtlist03"
                v-if="item.iswu"
                class="noroles"
              >
                {{item.title}}
              </li>
            </ul>
            <ul v-if="hoverjgdt == navdata[2][3].id">
              <li
                v-for="item in jgdtlist04"
                v-if="!item.iswu"
                :key="item.id"
                @click="link(item.id, 2, 'details')"
                style="height:43.75px"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in jgdtlist04"
                v-if="item.iswu"
                class="noroles"
              >
                {{item.title}}
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <!-- PC版各地动态 -->
    <div class="b3">
      <!-- 各地动态 -->
      <div class="b3-wrapper">
        <span
          v-for="(item,index) in navdata[14]"
          :class="hovergddt == item.id ? 'ved' : ''"
          :style="{'fontSize':index == 0 ?'18px':'','width':index == 0 ?'8%':'','height':index == 0 ?'40px':'','lineHeight':index == 0 ?'40px':'','borderTopLeftRadius':index == 0 ?'10px':'','color':index == 0 ?'white':'','backgroundColor':index ==0?'#017FE7':'','borderTopRightRadius':index == 0 ?'10px':''}"
          @mouseover="hover(item.id, 'gddt')"
          @click="link(item.id, 14, 'list')"
          >{{ item.name }}
          <img v-if="index == 0 && gddtlistnew00" src="../assets/images/point.png" />
          <img v-if="index == 1 && gddtlistnew01" src="../assets/images/point.png" />
          <img v-if="index == 2 && gddtlistnew02" src="../assets/images/point.png" />
          <img v-if="index == 3 && gddtlistnew03" src="../assets/images/point.png" />
          <img v-if="index == 4 && gddtlistnew04" src="../assets/images/point.png" />
          <img v-if="index == 5 && gddtlistnew05" src="../assets/images/point.png" />
          <img v-if="index == 6 && gddtlistnew06" src="../assets/images/point.png" />
          <img v-if="index == 7 && gddtlistnew07" src="../assets/images/point.png" />
          </span
        >
        <div class="listmore" @click="link(hovergddt, 14, 'list')">更多+</div>
      </div>
      <div class="hx_gddt">
        <ul v-if="hovergddt == navdata[14][0].id">
          <li v-for="(item,index) in gddtlist00" v-if="!item.iswu">
            <div :key="index" class="gddt_jigou" @click="goJiGuanDongTai(item.orgId, item.orgName,hovergddt)">
              <!-- {{ item.orgId }}-->
              <img src="../assets/images/gddt_area1.jpg" style="width: 52px;height: 52px;"/>
              <p v-if="item.orgName.includes('南部都市')">{{ item.orgName.replace('都市大队','') }}</p>
              <p v-else>{{ item.orgName.replace('大队','') }}</p>
              <!--<img :src="calcImg(item.orgName)"/>-->
            </div>
            <div class="gddt_jigou_right">
              <div
                class="gddt_jigou_right_title"
                v-for="list in item.contentList"
              >
                <div @click="link(list.id, 14, 'details')">
                  <p>{{ list.title }}</p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="list.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="list.topContent == 1"
                  />
                </div>
                <span>{{ list.createTime | moment }}</span>
              </div>
            </div>
          </li>
          <li class="noroles" v-for="item in gddtlist00" v-if="item.iswu">{{item.title}}</li>
        </ul>
        <ul v-if="hovergddt == navdata[14][1].id">
          <li v-for="(item,index) in gddtlist01" v-if="!item.iswu">
            <div class="gddt_jigou" :key="index" @click="goJiGuanDongTai(item.orgId, item.orgName,hovergddt)">
             <!-- <img src="../assets/images/gddt_area.png" />
              <p>{{ item.orgName }}</p>-->
              <img src="../assets/images/gddt_area1.jpg" style="width: 52px;height: 52px;"/>
              <p v-if="item.orgName.includes('南部都市')">{{ item.orgName.replace('都市大队','') }}</p>
              <p v-else>{{ item.orgName.replace('大队','') }}</p>
              <!--<img :src="calcImg(item.orgName)"/>-->
            </div>
            <div class="gddt_jigou_right">
              <div
                class="gddt_jigou_right_title"
                v-for="list in item.contentList"
              >
                <div @click="link(list.id, 14, 'details')">
                  <p>{{ list.title }}</p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="list.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="list.topContent == 1"
                  />
                </div>
                <span>{{ list.createTime | moment }}</span>
              </div>
            </div>
          </li>
          <li class="noroles" v-for="item in gddtlist01" v-if="item.iswu">{{item.title}}</li>
        </ul>
        <ul v-if="hovergddt == navdata[14][2].id">
          <li v-for="(item,index) in gddtlist02" v-if="!item.iswu">
            <div class="gddt_jigou" :key="index" @click="goJiGuanDongTai(item.orgId, item.orgName,hovergddt)">
              <!--<img src="../assets/images/gddt_area.png" />
              <p>{{ item.orgName }}</p>-->
              <img src="../assets/images/gddt_area1.jpg" style="width: 52px;height: 52px;"/>
              <p v-if="item.orgName.includes('南部都市')">{{ item.orgName.replace('都市大队','') }}</p>
              <p v-else>{{ item.orgName.replace('大队','') }}</p>
              <!--<img :src="calcImg(item.orgName)"/>-->
            </div>
            <div class="gddt_jigou_right">
              <div
                class="gddt_jigou_right_title"
                v-for="list in item.contentList"
              >
                <div @click="link(list.id, 14, 'details')">
                  <p>{{ list.title }}</p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="list.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="list.topContent == 1"
                  />
                </div>
                <span>{{ list.createTime | moment }}</span>
              </div>
            </div>
          </li>
          <li class="noroles" v-for="item in gddtlist02" v-if="item.iswu">{{item.title}}</li>
        </ul>
        <ul v-if="hovergddt == navdata[14][3].id">
          <li v-for="(item,index) in gddtlist03" v-if="!item.iswu">
            <div class="gddt_jigou" :key="index" @click="goJiGuanDongTai(item.orgId, item.orgName,hovergddt)">
              <!--<img src="../assets/images/gddt_area.png" />
              <p>{{ item.orgName }}</p>-->
              <img src="../assets/images/gddt_area1.jpg" style="width: 52px;height: 52px;"/>
              <p v-if="item.orgName.includes('南部都市')">{{ item.orgName.replace('都市大队','') }}</p>
              <p v-else>{{ item.orgName.replace('大队','') }}</p>
              <!--<img :src="calcImg(item.orgName)"/>-->
            </div>
            <div class="gddt_jigou_right">
              <div
                class="gddt_jigou_right_title"
                v-for="list in item.contentList"
              >
                <div @click="link(list.id, 14, 'details')">
                  <p>{{ list.title }}</p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="list.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="list.topContent == 1"
                  />
                </div>
                <span>{{ list.createTime | moment }}</span>
              </div>
            </div>
          </li>
          <li class="noroles" v-for="item in gddtlist03" v-if="item.iswu">{{item.title}}</li>
        </ul>
        <ul v-if="hovergddt == navdata[14][4].id">
          <li v-for="(item,index) in gddtlist04" v-if="!item.iswu">
            <div class="gddt_jigou" :key="index" @click="goJiGuanDongTai(item.orgId, item.orgName,hovergddt)">
              <!--<img src="../assets/images/gddt_area.png" />
              <p>{{ item.orgName }}</p>-->
              <!--<img :src="calcImg(item.orgName)"/>-->
              <img src="../assets/images/gddt_area1.jpg" style="width: 52px;height: 52px;"/>
              <p v-if="item.orgName.includes('南部都市')">{{ item.orgName.replace('都市大队','') }}</p>
              <p v-else>{{ item.orgName.replace('大队','') }}</p>
            </div>
            <div class="gddt_jigou_right">
              <div
                class="gddt_jigou_right_title"
                v-for="list in item.contentList"
              >
                <div @click="link(list.id, 14, 'details')">
                  <p>{{ list.title }}</p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="list.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="list.topContent == 1"
                  />
                </div>
                <span>{{ list.createTime | moment }}</span>
              </div>
            </div>
          </li>
          <li class="noroles" v-for="item in gddtlist04" v-if="item.iswu">{{item.title}}</li>
        </ul>
        <ul v-if="hovergddt == navdata[14][5].id">
          <li v-for="(item,index) in gddtlist05" v-if="!item.iswu">
            <div class="gddt_jigou" :key="index" @click="goJiGuanDongTai(item.orgId, item.orgName,hovergddt)">
              <!--<img src="../assets/images/gddt_area.png" />
              <p>{{ item.orgName }}</p>-->
              <!--<img :src="calcImg(item.orgName)"/>-->
              <img src="../assets/images/gddt_area1.jpg" style="width: 52px;height: 52px;"/>
              <p v-if="item.orgName.includes('南部都市')">{{ item.orgName.replace('都市大队','') }}</p>
              <p v-else>{{ item.orgName.replace('大队','') }}</p>
            </div>
            <div class="gddt_jigou_right">
              <div
                class="gddt_jigou_right_title"
                v-for="list in item.contentList"
              >
                <div @click="link(list.id, 14, 'details')">
                  <p>{{ list.title }}</p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="list.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="list.topContent == 1"
                  />
                </div>
                <span>{{ list.createTime | moment }}</span>
              </div>
            </div>
          </li>
          <li class="noroles" v-for="item in gddtlist05" v-if="item.iswu">{{item.title}}</li>
        </ul>
        <ul v-if="hovergddt == navdata[14][6].id">
          <li v-for="(item,index) in gddtlist06" v-if="!item.iswu">
            <div class="gddt_jigou" :key="index" @click="goJiGuanDongTai(item.orgId, item.orgName,hovergddt)">
              <!--<img src="../assets/images/gddt_area.png" />
              <p>{{ item.orgName }}</p>-->
              <!--<img :src="calcImg(item.orgName)"/>-->
              <img src="../assets/images/gddt_area1.jpg" style="width: 52px;height: 52px;"/>
              <p v-if="item.orgName.includes('南部都市')">{{ item.orgName.replace('都市大队','') }}</p>
              <p v-else>{{ item.orgName.replace('大队','') }}</p>
            </div>
            <div class="gddt_jigou_right">
              <div
                class="gddt_jigou_right_title"
                v-for="list in item.contentList"
              >
                <div @click="link(list.id, 14, 'details')">
                  <p>{{ list.title }}</p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="list.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="list.topContent == 1"
                  />
                </div>
                <span>{{ list.createTime | moment }}</span>
              </div>
            </div>
          </li>
          <li class="noroles" v-for="item in gddtlist06" v-if="item.iswu">{{item.title}}</li>
        </ul>


      </div>
      <!--
            <div class="b3-con">
                <div class="b3-item" >

                        <img class="yang" src="../assets/images/chaoyang.png" alt="">

                        <div class="b3-title">
                            <a href="gddtxq.html">长春市消防救援支队主题教育“教导员精品课堂再度开讲</a>
                            <span>07-15</span>
                        </div>
                    </div>
            </div> -->
    </div>

    <!-- 手机版<840时，展示手风琴多级下拉框 -->
    <div class="b3">
      <div class="swiper advertisement">
        <div class="swiper-wrapper">
          <div
            class="swiper-slide"
            v-for="item in tuwenlist"
            @click="tuwenGoto(item)"
          >
            <img :src="'/show' + item.url" />
          </div>
        </div>
      </div>
    </div>

    <div class="b4">
      <!-- 调查研究 -->
      <div class="diaocha">
        <div class="diaocha-wrapper">
          <span
            v-for="(item,index) in navdata[4]"
            :key="index"
            :class="hoverdcyj == item.id ? 'ved' : ''"
            @mouseover="hover(item.id, 'dcyj')"
            @click="link(item.id, 4, 'list')"
            >{{ item.name }}
            <img
                  v-if="index == 0 && dcyjlistnew01"
                  src="../assets/images/point.png"
                />
                 <img
                  v-if="index == 1 && dcyjlistnew02"
                  src="../assets/images/point.png"
                />
            </span>
          <div class="listmore" @click="link(hoverdcyj, 4, 'list')">更多+</div>
        </div>
        <div class="diaocha-con">
          <ul v-if="hoverdcyj == navdata[4][0].id">
              <li
                v-for="item in dcyjlist01"
                v-if="!item.iswu"
                :key="item.id"
                @click="link(item.id, 4, 'details')"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in dcyjlist01"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>
            <!--<ul v-if="hoverdcyj == navdata[4][1].id">
              <li
                v-for="item in dcyjlist02"
                v-if="!item.iswu"
                :key="item.id"
                @click="link(item.id, 4, 'details')"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in dcyjlist02"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>-->
        </div>
      </div>

      <!-- 廉政之窗 -->
      <div class="zongdui">
        <div class="zongdui-wrapper">
          <span
            v-for="(item,index) in navdata[5]"
            :key="index"
            :class="hoverzdsw == item.id ? 'ved' : ''"
            @mouseover="hover(item.id, 'zdsw')"
            @click="link(item.id, 5, 'list')"
            >{{ item.name }}
             <img
                  v-if="index == 0 && zdswlistnew01"
                  src="../assets/images/point.png"
                />
                 <img
                  v-if="index == 1 && zdswlistnew02"
                  src="../assets/images/point.png"
                />
            </span>
          <div class="listmore" @click="link(hoverzdsw, 5, 'list')">更多+</div>
        </div>
        <div class="zongdui-con">

          <ul v-if="hoverzdsw == navdata[5][0].id">
              <li
                v-for="item in zdswlist01"
                v-if="!item.iswu"
                @click="link(item.id, 5, 'details')"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p style="font-size: 18px;">
                   {{item.title}}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in zdswlist01"
                v-if="item.iswu"
                class="noroles"
              >
                {{item.title}}
              </li>
            </ul>
           <!-- <ul v-if="hoverzdsw == navdata[5][1].id">
              <li
                v-for="item in zdswlist02"
                v-if="!item.iswu"
                @click="link(item.id, 5, 'details')"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in zdswlist02"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>-->
        </div>
      </div>
    </div>
    <!-- 调查研究 一线救援-->
    <div class="b5">

      <div class="gongzuo">
        <div class="gongzuo-wrapper">
          <span
            v-for="(item,index) in navdata[6]"
            :class="hovergzjb == item.id ? 'ved' : ''"
            @mouseover="hover(item.id, 'gzjb')"
            @click="link(item.id, 6, 'list')"
            >{{ item.name }}
              <img
                  v-if="index == 0 && lzzclistnew01"
                  src="../assets/images/point.png"
                />
                 <img
                  v-if="index == 1 && lzzclistnew02"
                  src="../assets/images/point.png"
                />
            </span
          >
          <div class="listmore" @click="link(hovergzjb, 6, 'list')">更多+</div>
        </div>
        <div class="gongzuo-con">
          <ul v-if="hovergzjb == navdata[6][0].id">
              <li
                v-for="item in lzzclist01"
                v-if="!item.iswu"
                @click="link(item.id, 6, 'details')"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in lzzclist01"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>
            <!--<ul v-if="hovergzjb == navdata[6][1].id">
              <li
                v-for="item in lzzclist02"
                v-if="!item.iswu"
                @click="link(item.id, 6, 'details')"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in lzzclist02"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>-->
        </div>
      </div>

      <div class="tashan">
        <div class="tashan-wrapper">
          <span
            v-for="(item,index) in navdata[7]"
            :class="hovertszs == item.id ? 'ved' : ''"
            @mouseover="hover(item.id, 'tszs')"
            @click="link(item.id, 7, 'list')"
            >{{ item.name }}
              <img
                  v-if="index == 0 && tszslistnew01"
                  src="../assets/images/point.png"
                />
                 <img
                  v-if="index == 1 && tszslistnew02"
                  src="../assets/images/point.png"
                />
            </span
          >
          <div class="listmore" @click="link(hovertszs, 7, 'list')">更多+</div>
        </div>
        <div class="tashan-con" id="sev11">
          <ul v-if="hovertszs == navdata[7][0].id">
              <li
                v-for="item in tszslist01"
                v-if="!item.iswu"
                @click="link(item.id, 7, 'details')"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in tszslist01"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>
           <!-- <ul v-if="hovertszs == navdata[7][1].id">
              <li
                v-for="item in tszslist02"
                v-if="!item.iswu"
                @click="link(item.id, 7, 'details')"
              >
                <div class="wenzhangtitle wenzhangtitleindex">
                  <img src="../assets/images/dian.png" />
                  <p>
                    {{ item.title }}
                  </p>
                  <img
                    src="../assets/images/new.png"
                    class="icon_new"
                    v-if="item.newContent == 1"
                  />
                  <img
                    src="../assets/images/top.png"
                    class="icon_top"
                    v-if="item.topContent == 1"
                  />
                </div>
                <span>{{ item.createTime | moment }}</span>
              </li>
              <li
                v-for="item in tszslist02"
                v-if="item.iswu"
                class="noroles"
              >
              {{item.title}}
              </li>
            </ul>-->
        </div>
      </div>
    </div>

    <div class="b6">
      <!-- 精彩瞬间 -->
      <div class="shunjian">
        <div class="shunjian-wrapper">
          <span
            v-for="item in navdata[8]"
            :class="hoverjcsj == item.id ? 'ved' : ''"
            @mouseover="hover(item.id, 'jcsj')"
            @click="link(item.id, 8, 'list')"
            >{{ item.name }}</span
          >
          <div class="listmore" @click="link(hoverjcsj, 8, 'list')">更多+</div>
        </div>
        <div  class="shunjian-con" v-if="hoverjcsj == navdata[8][0].id">
          <div class="shunjian-left">
            <div class="pic-scroll">
              <template v-for="(item, index) in jcsjlist" v-if="index == 0">
                <div class="lunbo01" @click="Gotodetails(8, item.id)">
                  <div class="swiper jcsjlb">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide" v-for="list in item.urls">
                        <img :src="'/show' + list" />
                        <span>{{ item.title }}</span>
                      </div>
                    </div>
                  </div>
                </div>
              </template>
            </div>
          </div>
          <div class="shunjian-right">
            <div
              :class="'pic' + (index + 1)"
              v-for="(item, index) in jcsjlist"
              :key="item.id"
              v-if="index > 0"
              @click="Gotodetails(8, item.id)"
            >
              <img :src="'/show' + item.urls[0]" />
              <span>{{ item.title }}</span>
            </div>
          </div>
        </div>
        <div class="shunjian-con shujian002" v-if="hoverjcsj == navdata[8][1].id">
          <div class="shipin-left" @click="Gotodetails(99, item.id)" v-for="(item, index) in jcsplist"
              v-if="index == 0">
            <img :src="'/show' + item.url" />
            <span>{{ item.title }}</span>
          </div>
          <div class="shunjian-right">
            <div
              :class="'pic' + (index + 1)"
              v-for="(item, index) in jcsplist"
              :key="item.id"
              v-if="index > 0"
              @click="Gotodetails(99, item.id)"
            >
              <img :src="'/show' + item.url" />
              <span>{{ item.title }}</span>
            </div>
          </div>


          <!-- <div class="shipin-right">
            <div
              class="video"
              v-for="(item, index) in jcsplist"
              v-if="index > 0"
              @click="Gotodetails(99, item.id)"
            >
            <img :src="'/show' + item.url" />
              <span>{{ item.title }}</span>
              <video controls="" preload="auto">
                <source :src="'/show' + item.url" type="video/mp4" />
              </video>
            </div>
          </div> -->
        </div>
      </div>
    </div>

    <div class="b7">
      <!-- 统计信息 -->
      <div class="tongji">
        <div class="tongji-wrapper">
          <span>统计信息</span>
        </div>
        <!-- PC柱状图 -->
        <div class="tongji-con zzttitle">
          <span>{{ tjyf }}</span>
          <el-date-picker
            v-model="tjyf"
            value-format="yyyy-MM"
            format="yyyy-MM"
            type="month"
            @change="shaixuan"
            placeholder="选择月"
          >
          </el-date-picker>
        </div>
        <div id="tjxx" :style="{ width: '100%', height: '180px' }"></div>

        <!-- 手机统计图 -->
        <div class="tongji-con-ph">
          <section id="cd-table">
            <header class="cd-table-column">
              <h2>队名</h2>
              <ul>
                <li>火焰</li>
                <li>冲锋</li>
                <li>火焰</li>
                <li>冲锋</li>
                <li>火焰</li>
                <li>冲锋</li>
                <li>火焰</li>
                <li>冲锋</li>
                <li>火焰</li>
                <li>冲锋</li>
                <li>火焰</li>
                <li>冲锋</li>
                <li>火焰</li>
                <li>冲锋</li>
                <li>火焰</li>
                <li>冲锋</li>
                <li>火焰</li>
              </ul>
            </header>

            <div class="cd-table-container">
              <div class="cd-table-wrapper">
                <div class="cd-table-column">
                  <h2>数量</h2>

                  <ul>
                    <li>60</li>
                    <li>58</li>
                    <li>56</li>
                    <li>54</li>
                    <li>50</li>
                    <li>48</li>
                    <li>45</li>
                    <li>42</li>
                    <li>40</li>
                    <li>38</li>
                    <li>35</li>
                    <li>30</li>
                    <li>28</li>
                    <li>26</li>
                    <li>24</li>
                    <li>20</li>
                    <li>18</li>
                  </ul>
                </div>
              </div>
              <!-- cd-table-wrapper -->
            </div>
            <!-- cd-table-container -->

            <em class="cd-scroll-right"></em>
          </section>
          <!-- cd-table -->
          <!-- <script src="js/main.js"></script> -->
        </div>
      </div>
    </div>

    <div class="b8">
      <!-- 友情链接 -->
      <div class="youqing">
        <div class="youqing-wrapper">
          <span>友情链接</span>
        </div>
        <div class="youqing-con">
          <template v-for="item in yqljlist">
            <el-select
              class="yqljselect yqljselect2"
              v-model="item.value"
              :placeholder="item.name"
              @change="yqljGoto"
            >
              <el-option
                v-for="list in item.children"
                :key="list.id"
                :label="list.title"
                :value="list.url"
              >
              </el-option>
            </el-select>
          </template>
        </div>
      </div>
    </div>
    <Foot></Foot>
    <div class="index_jm2" v-if="show">
     <div class="index_jm2_content">
       <div class="index_jm2_box">
        <div class="jm_logo"><img src="../assets/images/logo2.png"></div>
        <div class="jm_wznr">
          <div class="jm_wznr_titel">
            <p>抓实保密工作   &nbsp;  &nbsp; 杜绝泄密事件</p>

            <span>长春市消防救援支队保密工作“十个严禁”</span>
          </div>

          <div class="jm_wznr_text">
            <p class="wznr_p_wrap" style="margin-bottom: 20px;">
              <span class="wznr_p_left">第一条</span>
              <span class="wznr_p_right">
                严禁以任何方式泄露国家秘密、工作秘密和内部敏感信息，严禁擅自扩大秘密和敏感信息知悉范围。
              </span>
            </p>
            <p class="wznr_p_wrap">
              <span class="wznr_p_left">第二条</span>
              <span class="wznr_p_right">严禁违规记录、存储、复制、拍摄、传播国家秘密、工作秘密和内部信息，严禁违规留存涉密载体。</span>
            </p>
            <p class="wznr_p_wrap">
              <span class="wznr_p_left">第三条</span>
              <span class="wznr_p_right">严禁将涉密文件或存有涉密文件的载体带至非涉密场所或交由非消防指战员阅办和管理。</span>
            </p>
            <p class="wznr_p_wrap">
              <span class="wznr_p_left">第四条</span>
              <span class="wznr_p_right">严禁外出编辑、印制涉密文件、内部资料或载有内部敏感信息的文件材料。</span>
            </p>
            <p class="wznr_p_wrap">
              <span class="wznr_p_left">第五条</span>
              <span class="wznr_p_right">严禁将涉密计算机、涉密存储设备接入政务网、互联网及其他非涉密网络。</span>
            </p>
            <p class="wznr_p_wrap">
              <span class="wznr_p_left">第六条</span>
              <span class="wznr_p_right">严禁在非涉密计算机和非涉密存储设备上存储、处理秘密信息。</span>
            </p>
            <p class="wznr_p_wrap">
              <span class="wznr_p_left">第七条</span>
              <span class="wznr_p_right">严禁在网上传递国家秘密信息，严禁通过手机、互联网络传播涉密信息、工作秘密和内部敏感信息，严禁擅自传播执行任务情况。</span>
            </p>
            <p class="wznr_p_wrap">
              <span class="wznr_p_left">第八条</span>
              <span class="wznr_p_right">严禁未签订保密协议、保密承诺书的合作单位和非消防指战员接触涉密文件、内部资料或载有敏感信息的文件材料、网络服务器等涉密载体。</span>
            </p>
            <p class="wznr_p_wrap">
              <span class="wznr_p_left">第九条</span>
              <span class="wznr_p_right">严禁私自外出维修或报废、处理、丢弃存储处理过涉密文件、内部资料的电脑、服务器、可移动存储设备、复印机、传真机、打印机等办公设备和载体。</span>
            </p>
            <p class="wznr_p_wrap">
              <span class="wznr_p_left">第十条</span>
              <span class="wznr_p_right">严禁违反保密工作的其他管理规定和规章制度。</span>
            </p>
          </div>

          <div class="clear"></div>

          <div class="jm_btn">
            <span @click="join">点击进入</span>
          </div>
        </div>
      </div>
     </div>
    </div>

  </div>
</template>
<script>
import Cookies from "js-cookie";
import echarts from "echarts";
import Foot from "@/components/foot.vue";
import {
  contentApiqueryPage,
  columnqueryAll,
  contentApiqueryAll,
  mainBanner
} from "@/api/webpage";
import {
  bannerApiqueryOne,
  statistics,
  queryCascadeContentGroupByColumnId,
} from "@/api/webviews";
import IndexHeader from "@/components/indexheader.vue";
import { queryFilterColumn, index,checkFirst,first } from "@/api/ip";
import Swiper from "swiper";
import "swiper/dist/css/swiper.css";
import $ from 'jquery'
export default {
  name: "index",
  components: {
    IndexHeader,
    Foot,
  },
  data() {
    return {
      hoverImgWidth: 100,
      hoverHrefUrl: "http://59.198.2.182:23112",
      // hoverImgUrl: require("@/assets/images/hover01.jpg"),
      hoverImgUrl: undefined,
      hoverT: undefined,
      yqljselectList:[
        {
          url: 'http://59.255.109.9',
          title: '国家消防救援局'
        },
        {
          url: 'http://59.198.244.63/xiaofang-xxw-web',
          title: '吉林省消防救援总队'
        },
      ],
      hoverLeft: 0,
      hoverTop: 0,
      sjldjgSelectValue: undefined,
      slidesetInterval: undefined,
      lunBoInter: undefined,
      index: 0,
      dialogVisible:true,
      navdata: [],
      hoveractive: "",
      hoverjgdt: "",
      hovertz: "",
      hoverB1list: [],
      b2list: [],
      hoverb2list: [],
      bgrklist: [],
      hoverdcyj: "",
      dcyjlist: [],
      hoverzdsw: "",
      zdswlist: [],
      hovergzjb: "",
      gzjblist: [],
      hovertszs: "",
      tszslist: [],
      hoverjcsj: "",
      jcsjlist: [],
      jcsplist: [],
      bannerlist: [],
      lbxwlist: [],
      yqljlist: [],
      obj: {
        xd: [],
        yd: [],
      },
      tuwenlist: [],
      hovergddt: "",
      dongtailist: [],
      ids: "",
      isnews: false,
      idndexparams: [],
      tjyf: "",
      b2listnews: [],
      // 修改
      // 支队要闻
      besidelist01: [],
      besidelist02: [],
      besidelist03: [],
      besidelist04: [],
      besidelistnews01: false,
      besidelistnews02: false,
      besidelistnews03: false,
      besidelistnews04: false,
      // 通知公告
      tongzhilist01:[],
      tongzhilist02:[],
      tongzhilist03:[],
      tongzhilistnews01:false,
      tongzhilistnews02:false,
      // 机关动态
      jgdtlist01:[],
      jgdtlist02:[],
      jgdtlist03:[],
      jgdtlist04:[],
      jgdtlistnew01:false,
      jgdtlistnew02:false,
      jgdtlistnew03:false,
      jgdtlistnew04:false,
      // 调查研究
      dcyjlist01:[],
      dcyjlist02:[],
      dcyjlistnew01:false,
      dcyjlistnew02:false,
      // 总队收文
      zdswlist01:[],
      zdswlist02:[],
      zdswlistnew01:false,
      zdswlistnew02:false,
      // 廉政之窗
      lzzclist01:[],
      lzzclist02:[],
      lzzclistnew01:false,
      lzzclistnew02:false,
      // 他山之石
      tszslist01:[],
      tszslist02:[],
      tszslistnew01:false,
      tszslistnew02:false,
      // 各地动态
      gddtlist00:[],
      gddtlist01:[],
      gddtlist02:[],
      gddtlist03:[],
      gddtlist04:[],
      gddtlist05:[],
      gddtlist06:[],
      gddtlist07:[],
      gddtlistnew00:false,
      gddtlistnew01:false,
      gddtlistnew02:false,
      gddtlistnew03:false,
      gddtlistnew04:false,
      gddtlistnew05:false,
      gddtlistnew06:false,
      gddtlistnew07:false,
      show:true,
      gddtAllOrgList:[
        {
          orgId:"E4FFD28D67FD496D9ABA6A7919374656",
          orgName:"特勤大队",
          contentList:[]
        },
        {
          orgId:"4B90D58D74C142BD916B3EA1C7B16817",
          orgName:"朝阳大队",
          contentList:[]
        },
        {
          orgId:"900011053C4B47FF9ACAF0B09A2BA274",
          orgName:"宽城大队",
          contentList:[]
        },
        {
          orgId:"5475AFD297544FC89CFB1F948945901C",
          orgName:"南关大队",
          contentList:[]
        },
        {
          orgId:"5871EC7365D34FE5BD04DF121D337E9A",
          orgName:"二道大队",
          contentList:[]
        },
        {
          orgId:"34B6BCD6B7054FB2A03382FF196E209A",
          orgName:"绿园大队",
          contentList:[]
        },
        {
          orgId:"C177A1E649B34FEAB82E716E0ABBDF99",
          orgName:"经开大队",
          contentList:[]
        },
        {
          orgId:"486798A414A5457A8902B2F4BA90640D",
          orgName:"新区大队",
          contentList:[]
        },
        {
          orgId:"D1B12879306D40BFACD4E8283DFB7A2C",
          orgName:"净月大队",
          contentList:[]
        },
        {
          orgId:"6B0727445D7745F1861566880C7BBECA",
          orgName:"南部都市大队",
          contentList:[]
        },
        {
          orgId:"521B6C04140449599C28EA9D907B86B7",
          orgName:"汽开大队",
          contentList:[]
        },
        {
          orgId:"547D751F9C9644098BBF7FB4F658D746",
          orgName:"莲花山大队",
          contentList:[]
        },
        {
          orgId:"7732CC534E1E4530B20E1A2E5C8256BC",
          orgName:"重工大队",
          contentList:[]
        },
        {
          orgId:"CB3A1512C6DC4073BD4DC51444E69D44",
          orgName:"双阳大队",
          contentList:[]
        },
        {
          orgId:"E835EFAB19B4490DA944BDF32FB13743",
          orgName:"九台大队",
          contentList:[]
        },
        {
          orgId:"CDF1ACE87322407EAE33DA424B4F47A8",
          orgName:"公主岭大队",
          contentList:[]
        },
        {
          orgId:"A210F40D62A54F458CA738FF1F08D66B",
          orgName:"农安大队",
          contentList:[]
        },
        {
          orgId:"779B7C152620400185313C10A0E4203C",
          orgName:"榆树大队",
          contentList:[]
        },
        {
          orgId:"E17B0EAB1E09403F8BF6EFAB56E304EF",
          orgName:"德惠大队",
          contentList:[]
        },
      ],
      newsIcon: require("../assets/images/newsIcon.jpg"), // 默认是消防要闻
    };
  },
  created() {
    // 取消图片广告功能
    this.hoverT = window.setInterval(this.setHoverInterval,100);
    this.getAdvertising();
    this.getcheckFirst()
    this.tjyf = this.getCurrentTime();
    this.navdata = JSON.parse(Cookies.get("navdata"));
    this.idndexparams = [
      {
        type: "besidelist01",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[0][0].id,
          pageNum: 1,
          pageSize: 10,
          approval: "1",
        },
      },
      {
        type: "besidelist02",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[0][1].id,
          pageNum: 1,
          pageSize: 10,
          approval: "1",
        },
      },
      {
        type: "besidelist03",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[0][2].id,
          pageNum: 1,
          pageSize: 10,
          approval: "1",
        },
      },
      {
        type: "besidelist04",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: "",
          pageNum: 1,
          pageSize: 10,
          approval: "1",
          niceContent: "1",
        },
      },
      {
        type: "tongzhilist01",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[1][0].id,
          pageNum: 1,
          pageSize: 8,
          approval: "1",
        },
      },
      {
        type: "tongzhilist02",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[1][1].id,
          pageNum: 1,
          pageSize: 8,
          approval: "1",
        },
      },
      {
        type: "tongzhilist03",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[1][2].id,
          pageNum: 1,
          pageSize: 8,
          approval: "1",
        },
      },
       {
        type: "jgdtlist01",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[2][0].id,
          pageNum: 1,
          pageSize: 8,
          approval: "1",
        },
      },
      {
        type: "jgdtlist02",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[2][1].id,
          pageNum: 1,
          pageSize: 8,
          approval: "1",
        },
      },
      {
        type: "jgdtlist03",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[2][2].id,
          pageNum: 1,
          pageSize: 8,
          approval: "1",
        },
      },
      {
        type: "jgdtlist04",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[2][3].id,
          pageNum: 1,
          pageSize: 8,
          approval: "1",
        },
      },

      {
        type: "dcyjlist01",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[4][0].id,
          pageNum: 1,
          pageSize: 6,
          approval: "1",
        },
      },
      /*{
        type: "dcyjlist02",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[4][1].id,
          pageNum: 1,
          pageSize: 6,
          approval: "1",
        },
      },*/
        {
        type: "zdswlist01",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[5][0].id,
          pageNum: 1,
          pageSize: 6,
          approval: "1",
        },
      },
      /*{
        type: "zdswlist02",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[5][1].id,
          pageNum: 1,
          pageSize: 6,
          approval: "1",
        },
      },*/
      {
        type: "lzzclist01",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[6][0].id,
          pageNum: 1,
          pageSize: 6,
          approval: "1",
        },
      },
      /*{
        type: "lzzclist02",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[6][1].id,
          pageNum: 1,
          pageSize: 6,
          approval: "1",
        },
      },*/
        {
        type: "tszslist01",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[7][0].id,
          pageNum: 1,
          pageSize: 6,
          approval: "1",
        },
      },
      /*{
        type: "tszslist02",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[7][1].id,
          pageSize: 6,
          pageNum: 1,
          approval: "1",
        },
      },*/
      {
        type: "jcsjlist",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[8][0].id,
          pageNum: 1,
          pageSize: 5,
          approval: "1",
        },
      },
      {
        type: "jcsplist",
        cla: "contentApi",
        method: "queryPage",
        param: {
          columnId: this.navdata[8][1].id,
          pageNum: 1,
          pageSize: 5,
          approval: "1",
        },
      },
    ];
    // this.getindexbanner();
    this.getxzlm();
  },
  watch: {
    obj: {
      handler: function (val) {
        this.obj = val;
        this.$nextTick(() => {
          this.initCharts();
        });
      },
      deep: true,
      immediate: true,
    },
  },
  methods: {
    handleHoverUrl(){
      window.open(this.hoverHrefUrl,'_blank')
    },
    closeHover(){
      $("#hoverImg").hide()
    },
    hoverMouseover(){
      window.clearInterval(this.hoverT)
    },
    hoverMouseout(){
      this.hoverT = window.setInterval(this.setHoverInterval,100);
    },
    setHoverInterval(){
      this.hoverLeft = this.hoverLeft+10;
      this.hoverTop = this.hoverTop+5;
      // console.log(window.screen.width)
      if(this.hoverLeft>window.screen.width-this.hoverImgWidth){// 宽度
        this.hoverLeft = 0;
        this.hoverTop = 0;
      }
      let hoverImg = $("#hoverImg")
      hoverImg.css("left",this.hoverLeft+"px")
      hoverImg.css("top",this.hoverTop+"px")
     /* console.log("left",hoverImg.css("left"));
      console.log("top",hoverImg.css("top"));*/
    },
    // 点击各地动态图标
    goJiGuanDongTai(orgId, title,id) {
      // console.log(id,title);
      let routeData = this.$router.resolve({
        name: 'listpage',
        query: { id: id, navId:14 , title: title ,orgId: orgId}
      })
      window.open(routeData.href, '_blank')
    },
    login(){
      let href = this.requestUrl+"/manager/#/";
      window.open(href,"_blank");
    },
    alert(){
      this.$message.warning("该功能暂未开通")
    },
    calcImg(orgName){
      if('朝阳大队' == orgName){
        return require('../assets/images/chaoyang2.png');
      }else if('特勤大队' == orgName){
        return require('../assets/images/chaoyang1.png');
      }else if('南部都市大队' == orgName){
        return require('../assets/images/chaoyang41.png');
      }else if('汽开大队' == orgName){
        return require('../assets/images/chaoyang10.png');
      }else if('莲花山大队' == orgName){
        return require('../assets/images/chaoyang12.png');
      }else if('重工大队' == orgName){
        return require('../assets/images/chaoyang13.png');
      }else if('双阳大队' == orgName){
        return require('../assets/images/chaoyang14.png');
      }else if('九台大队' == orgName){
        return require('../assets/images/chaoyang15.png');
      }else if('公主岭大队' == orgName){
        return require('../assets/images/chaoyang16.png');
      }else if('农安大队' == orgName){
        return require('../assets/images/chaoyang17.png');
      }else if('榆树大队' == orgName){
        return require('../assets/images/chaoyang18.png');
      }else if('德惠大队' == orgName){
        return require('../assets/images/chaoyang19.png');
      }else if('宽城大队' == orgName){
        return require('../assets/images/chaoyang31.png');
      }else if('南关大队' == orgName){
        return require('../assets/images/chaoyang71.png');
      }else if('二道大队' == orgName){
        return require('../assets/images/chaoyang51.png');
      }else if('绿园大队' == orgName){
        return require('../assets/images/chaoyang61.png');
      }else if('经开大队' == orgName){
        return require('../assets/images/chaoyang8.png');
      }else if('新区大队' == orgName){
        return require('../assets/images/chaoyang7.png');
      }else if('净月大队' == orgName){
        return require('../assets/images/chaoyang9.png');
      }

      return require('../assets/images/chaoyang2.png');
    },
    getcheckFirst(){
      if(sessionStorage.getItem("isshow")){
        this.show = false
      }else{
        this.show = true
      }
      // checkFirst().then(res=>{
      //   if(res.code == 0){
      //     if(res.data == 0){
      //       this.show = true
      //     }else{
      //       this.show = false
      //     }
      //   }
      // })
    },
    join(){
      this.show = false
      sessionStorage.setItem('isshow',true)
      // first().then(res=>{})
    },
    inintlunbo(){
      /*new Swiper(".lunbo .swiper-container", {
      speed: 6000,
      loop: true,
      autoplay: {
          delay: 6000,
      },
      pagination: {
        el: ".pagination",
        clickable :true,
      },
      observer: true,
      observeParents: true,
    });*/
      // console.log("轮播图数据",this.lbxwlist);
      for(let i=0;i<this.lbxwlist.length;i++){
        let div_circle = $("<div></div>")
        div_circle.addClass("lunbo_circle_default");
        div_circle.attr("id",i);
        if(i == 0){ // 默认被选中
          div_circle.css("background","#0000ff");
        }
        div_circle.css("right",(5-i)*20 +"px")
        // console.log("div内容",div_circle);
        /*div_circle.mouseout(function(){
          div_circle.css("background","#ffffff");
        })
        div_circle.mouseover(function(){
          div_circle.css("background","#0000ff");
        })*/
        let that = this
        div_circle.click(function(){
          that.lunBoInter = clearInterval(that.lunBoInter)
          let ele = $(this)
          // 初始化轮播点
          $(".lunbo_circle_default").each((i,item)=>{
            if(i == ele.attr("id")){
              $(item).css("background","#0000ff");
            }else{
              $(item).css("background","#ffffff")
            }
          })
          that.index = ele.attr("id");
          that.drawLunbo(that.lbxwlist[that.index])
        })
        /*div_circle.html(i)*/
        // 放到
        $("#swiper-wrapper-wrap").append(div_circle);
      }


      // 初始化数据
      this.lunBoInter = clearInterval(this.lunBoInter)
      this.index = 0;
      if(this.lbxwlist && this.lbxwlist.length>0){
        this.drawLunbo(this.lbxwlist[this.index])
        this.lunBoInter = setInterval(()=>{
          if(this.index < this.lbxwlist.length-1){
            this.index = this.index + 1;
          }else{
            this.index = 0;
          }
          // 初始化轮播点
          $(".lunbo_circle_default").each((i,item)=>{
            // console.log(i,item)
            $(item).css("background","#ffffff")
            if(i == this.index){
              $(item).css("background","#0000ff")
            }
          })

          this.drawLunbo(this.lbxwlist[this.index])
        },10000)
      }

      this.$nextTick(() => {
      this.initCharts();
    });
    },
    drawLunbo(item){
      // 获得轮播div
      let _thit = this
      var div = $("#my-swiper-slide")
      div.addClass("swiper-slide")
      div.css("background","url('" + item.src.replace('\\','/') +"')")
      div.css("backgroundSize","100% 100%")
      // 解决点击执行多次的问题  先解绑再绑定
      div.unbind("click")
      div.click(function(){
        let routeData = _thit.$router.resolve({
          name: "articlecontent",
          query: { id: item.id,navId: 0 },
        })
        window.open(routeData.href, '_blank')
        /*this.$router.push({
          name: "lunbocontent",
          query: { id: item.id },
        });*/
        /*this.$router.push({
          name: "articlecontent",
          query: { id: item.id,navId: 0 },
        })*/
      });
      // 鼠标浮动上 取消自动播放
      div.mouseover(()=>{
        // 取消自动切换
        this.lunBoInter = clearInterval(this.lunBoInter)
      })
      // 鼠标移开 自动播放开始
      div.mouseout(()=>{
        // 取消自动切换
        this.lunBoInter = clearInterval(this.lunBoInter)
        this.lunBoInter = setInterval(()=>{
          if(this.index < this.lbxwlist.length-1){
            this.index = this.index + 1;
          }else{
            this.index = 0;
          }
          // 初始化轮播点
          $(".lunbo_circle_default").each((i,item)=>{
            // console.log(i,item)
            $(item).css("background","#ffffff")
            if(i == this.index){
              $(item).css("background","#0000ff")
            }
          })
          this.drawLunbo(this.lbxwlist[this.index])
        },10000)
      })
      /*// 获得标题
      var span = $("#my-lunbo_title")
      span.html(item.title)
      this.$nextTick(() => {

      });*/
      // 处理悬浮点
      /*<div class="lunbo_circle"></div>*/
    },
    initad(){
      var swiper1 = new Swiper(".advertisement", {
        speed: 6000,
        autoplay: true,
        loop: true,
        slidesPerView: 3,
        spaceBetween: 30,
        observer: true,
        observeParents: true,
      });
      // console.log(swiper1.onmouseover);
      swiper1.onmouseover = function(){

          swiper1.autoplay.stop();

        }

        swiper1.onmouseout = function(){

            swiper1.autoplay.start();

        }
    },
    initbgrk(){
      new Swiper(".bgrkSwiper", {
      speed: 6000,
      slidesPerView: 2,
      slidesPerColumn: 2,
      // spaceBetween: 30,
      pagination: {
        el: ".bgrkpagination",
        clickable: true,
        renderBullet: function (index, className) {
          return '<span class="' + className + '">' + (index + 1) + "</span>";
        },
      },
      observer: true,
      observeParents: true,
    });
    },
    initBannerSwiger(){
      $(function() {
        var n = 0;
        var b = $(".banner_img li").length;
        var c = b * 100;
        var d = 1 / b * 100;
        $(".banner_img").width(c + "%");
        $(".banner_img li").width(d + "%");
        $(".banner_list").width(b * 30);
        //根据里数量 创建焦点个数
        if(b > 1) {
          for(var i = 0; i < b; i++) {
            var listSpan = $("<span></span>")
            $(".banner_list").append(listSpan);
          }
        }
        $(".banner_list span:eq(0)").addClass("spcss").siblings("span").removeClass(
          "spcss");

        /*创建自动滚动动画*/
        function rollEnvent() {
          // console.log("rollEnvent............")
          if(n == b - 1) {
            var ctPosit = (n + 1) * 100;
            $(".banner_bg").append($(".banner_img").clone());
            $(".banner_img:last").css("left", "100%");
            $(".banner_img:first").animate({
              "left": "-" + ctPosit + "%"
            }, 3000);
            $(".banner_img:last").animate({
              "left": "0"
            }, 3000);
            var setTime0 = setTimeout(function() {
              $(".banner_bg .banner_img:first").remove();
            }, 3000);
            n = 0;
            $(".banner_list span:eq(0)").addClass("spcss").siblings("span").removeClass(
              "spcss");
          } else {
            n++;
            var ctPosit = n * 100;
            $(".banner_img").animate({
              "left": "-" + ctPosit + "%"
            }, 3000);
            $(".banner_list span:eq(" + n + ")").addClass("spcss").siblings("span").removeClass(
              "spcss");
          }
        }
        this.slidesetInterval = setInterval(rollEnvent, 1000*10);/*设置banner滚动时间*/
        //鼠标hover banner图 停止滚动 移开自动开始滚动动画
        $(".banner_bg").mouseover(()=> {
          this.slidesetInterval = clearInterval(this.slidesetInterval);
        })
        $(".banner_bg").mouseout(()=> {
          this.slidesetInterval = setInterval(rollEnvent, 1000*10);
        })
      });

      /*将img标签转换成背景图显示*/
      $(function() {
        $(".banner_img img").css("display", "none")
        $(".banner_img li").each(function(e) {
        $(".banner_img li:eq(" + e + ")").css("backgroundImage", "url(" + $(
          ".banner_img li:eq(" + e + ")").find("img").attr("src") + ")");
        });
      });
    },
    initswiper(){
      /*new Swiper(".banner_bg", {
      speed: 6000,
      loop: true,
        autoplay: {
          delay: 6000,
          disableOnInteraction: false,
        },
        observer: true,
        observeParents: true,
      });*/
      this.initBannerSwiger();
      new Swiper(".jcsjlb", {
        speed: 6000,
        observer: true,
        observeParents: true,
      });
    },
    // 栏目限制
    getxzlm() {
      // queryFilterColumn().then((res) => {
      //   if (res.code == 0) {
          // let array = [];
          // array = res.data.map((item) => {
          //   return item.id;
          // });
          // this.ids = array.join(",");
          // let params = [];
          // this.idndexparams.forEach((item) => {
          //   if(item.param.columnId){
          //       if (!this.ids.includes(item.param.columnId)) {
          //         params.push(item);
          //       }else{
          //         this[item.type].push({
          //           title:'无权限',
          //           iswu:true
          //         })
          //       }
          //   }else{
          //       params.push(item);
          //   }

          // });
          index(this.idndexparams).then((res) => {
            if (res.code == 0) {
              for (let key in res.data) {
                if (key == "jcsjlist") {
                  this.jcsjlist = res.data[key].rows.map((item) => {
                    item.urls = item.url.split(",");
                    return item;
                  });
                } else {
                  this[key] = res.data[key].rows.map(item=>{
                    if(item.newContent == '1'){
                        if(key == 'besidelist01'){
                            this.besidelistnews01 = true
                        }
                        if(key == 'besidelist02'){
                             this.besidelistnews02 = true
                        }
                        if(key == 'besidelist03'){
                             this.besidelistnews03 = true
                        }
                        if(key == 'besidelist04'){
                             this.besidelistnews04 = true
                        }
                        if(key == 'tongzhilist01'){
                             this.tongzhilistnews01 = true
                        }
                        if(key == 'tongzhilist02'){
                             this.tongzhilistnews02 = true
                        }
                        if(key == 'jgdtlist01'){
                             this.jgdtlistnew01 = true
                        }
                        if(key == 'jgdtlist02'){
                             this.jgdtlistnew02 = true
                        }
                        if(key == 'jgdtlist03'){
                             this.jgdtlistnew03 = true
                        }
                        if(key == 'jgdtlist04'){
                             this.jgdtlistnew04 = true
                        }
                        if(key == 'dcyjlist01'){
                             this.dcyjlistnew01 = true
                        }
                        if(key == 'dcyjlist02'){
                             this.dcyjlistnew02 = true
                        }
                        if(key == 'zdswlist01'){
                             this.zdswlistnew01 = true
                        }
                        if(key == 'zdswlist02'){
                             this.zdswlistnew02 = true
                        }
                        if(key == 'lzzclist01'){
                             this.lzzclistnew01 = true
                        }
                        if(key == 'lzzclist02'){
                             this.lzzclistnew02 = true
                        }
                        if(key == 'tszslist01'){
                             this.tszslistnew01 = true
                        }
                        if(key == 'tszslist02'){
                             this.tszslistnew02 = true
                        }
                    }
                    return item
                  });
                }
              }
              // 拿出5个放到轮播新闻
              /*let lbxwlist = [] // id  title content/src
              if(this.besidelist01 && this.besidelist01.length>0){
                this.besidelist01.map(it=>{
                  if(it.topContent == "0" && it.niceContent=="0"){
                    let lbxw = {id:it.id,title:it.title}
                    // 处理图片路径
                    let str = it.content;
                    let srcIndex = str.indexOf("src");
                    if(srcIndex==-1){ // 没找到图片
                      lbxw.src = this.newsIcon;
                    }else{
                      let substring = str.substring(srcIndex+5, str.length);
                      let i = substring.indexOf("\"");
                      let substring1 = substring.substring(0, i);
                      lbxw.src= substring1
                    }
                    if(lbxwlist.length<5){
                      lbxwlist.push(lbxw)
                    }
                  }
                })
              }
              this.lbxwlist = lbxwlist
              // console.log("计算后的数据",lbxwlist);
              this.$nextTick(()=>{
                this.inintlunbo()
              })*/
            }
          });
          this.hoveractive = this.navdata[0][0].id;
          this.hovertz = this.navdata[1][0].id;
          this.hoverjgdt = this.navdata[2][0].id;
          this.hoverdcyj = this.navdata[4][0].id;
          this.hoverzdsw = this.navdata[5][0].id;
          this.hovergzjb = this.navdata[6][0].id;
          this.hovertszs = this.navdata[7][0].id;
          this.hoverjcsj = this.navdata[8][0].id;
          this.getgddtlist(); // 各地动态
          this.hovergddt = this.navdata[14][0].id;
          this.getlbxw(); //获得轮播新闻

          this.getindexbanner();
          this.getyqljfl();
          this.getdata(this.getCurrentTime());
          this.gettuwenlist("FEEE5E74339E4A51868475DCC8C69292");
          this.getbgrklist("3EAF2414CC014BDBBF19260DE53332C4");
      //   }
      // });
    },
    getCurrentTime() {
      let yy = new Date().getFullYear();
      let mm = new Date().getMonth() + 1;
      return yy + "-" + mm;
    },
    getCurrentTime2() {
      let yy = new Date().getFullYear();
      let mm = new Date().getMonth() + 1;
      return yy + "年" + mm + "月";
    },
    shaixuan(e) {
      if (e) {
        this.getdata(e);
      } else {
        this.getdata(this.getCurrentTime());
      }
    },
    getdata(date) {
      this.obj.xd = [];
      this.obj.yd = [];
      statistics({ yearAndMonth: date }).then((res) => {
        res.data.map((item) => {
          this.obj.xd.push(item.name);
          this.obj.yd.push(item.size);
        });
      });
    },
    initCharts() {
      let _this = this
      var chartDom = document.getElementById("tjxx");
      let myChart = echarts.init(chartDom);
      myChart.on('click', function (params) {
         // myChart.clickDailyChart(params.name);
         _this.$router.push({name:'bar'})
        /*let routeData = _this.$router.resolve({name:'bar'})
        window.open(routeData.href, '_blank')*/
      });
      myChart.setOption({
        grid: {
          left: 0,
          top: 20,
          right: 20,
          bottom: 30,
        },
        xAxis: {
          type: "category",
          // data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
          data: this.obj.xd,
          axisTick: {
            show: false,
          },
          axisLabel: {
            show: true,
            interval:0,
            textStyle: {
              color: "#000",
            },
          },
          axisLine: {
            lineStyle: {
              color: "#047adb",
              width: 2,
            },
          },
        },
        yAxis: {
          type: "value",
          axisTick: {
            show: false,
          },
          axisLine: {
            lineStyle: {
              color: "#047adb",
              width: 2,
            },
          },
          axisLabel: {
            show: true,
            textStyle: {
              color: "#000",
            },
          },
          splitLine: {
            show: false,
          },
        },
        series: [
          {
            data: this.obj.yd,
            type: "bar",
            showBackground: true,
            backgroundStyle: {
              color: "#047adb",
            },
            barWidth: 36,
            itemStyle: {
              normal: {
                color: "#047adb",
                label: {
                  show: true,
                  fontSize: 14,
                  marginTop: 15,
                  position: "top",
                  color: "#000",
                },
              },
            },
          },
        ],
      });
    },
    yqljGoto2() {
      window.open(this.sjldjgSelectValue ,"_blank");
      this.sjldjgSelectValue = undefined
      document.getElementById("sjldjgSelectValue").blur();
    },
    callBackSelect(){
      this.$refs.sjldjgSelectValue.$el.click()
    },
    yqljGoto(val) {
      // console.log('%c [ val ]-2182', 'font-size:13px; background:pink; color:#bf2c9f;', val)
      window.open(val,"_blank");
      this.$nextTick(()=>{
        this.sjldjgSelectValue = undefined
        this.$refs.sjldjgSelectValue.blur();
      })
    },
    isExistOrg(gddtList,gddt){
     return  gddtList.some(item=>item.orgId == gddt.orgId)
    },
    // 各地动态获取数据
    getgddtlist() {
      this.navdata[14].forEach((item,i)=>{
        if (!this.ids.includes(item.id)) {
          queryCascadeContentGroupByColumnId({ id: item.id }).then((res) => {
            if (res.code == 0) {
              // 处理一下数据  看看缺什么 如果缺就需要添加到集合里
              let arr = res.data;
              let gddtData = [];
              if(res.data && res.data.length<19){
                /*// 遍历需要显示的19个机构 如果集合中没有  就存储到集合中
                this.gddtAllOrgList.forEach(item=>{
                  if(! this.isExistOrg(res.data,item)){ // 不存在
                    arr.push(item);
                  }
                })*/
                // 遍历
                this.gddtAllOrgList.forEach(item=>{
                  let flag = false;
                  for(let i=0;i<arr.length;i++){
                    let a = arr[i];
                    if(a.orgId==item.orgId){
                      gddtData.push(a)
                      flag = true;
                      break;
                    }
                  }
                  if(flag == false){
                    gddtData.push(item)
                  }
                })
                // console.log( 'gddtlist0'+i,gddtData)
                this['gddtlist0'+i] = gddtData
              }else{
                this['gddtlist0'+i] = arr
              }
            }
          });
        }else{
          this['gddtlist0'+i] = [{
            title:'无权限',
            iswu:true
          }]
        }
      })

    },
    // 友情链接
    getyqljfl() {
      columnqueryAll({ parentId: "16D0E38381094EF29885ACA54294F88D" }).then(
        (res) => {
          console.log('%c [ res ]-2207', 'font-size:13px; background:pink; color:#bf2c9f;','友情链接数据', res)
          this.yqljlist = res.data;
          if (res.code == 0) {
            if(this.yqljlist && this.yqljlist.length>0){
              for(let i=0;i<this.yqljlist.length;i++){
                let item = this.yqljlist[i];
                item.value = "";
                contentApiqueryPage({
                  columnId: item.id,
                  pageNum: 1,
                  pageSize: 100,
                  approval:1,
                }).then((result) => {
                  this.yqljlist[i].children = result.rows;
                });

              }
            }
            // console.log("友情链接数据：",this.yqljlist);
            /*this.yqljlist.map((item) => {
              item.value = "";
              contentApiqueryPage({
                columnId: item.id,
                pageNum: 1,
                pageSize: 100,
                approval:1,
              }).then((result) => {
                console.log('22222222222222222222222',result.rows)
                item.children = result.rows;
              });
            });*/
            /*setTimeout(() => {
              this.yqljlist = res.data;
            }, 500);*/
          }
        }
      );
    },
    getRandomInt(max) {
      return Math.floor(Math.random() * max);
    },
    isExistValue(arr,key){
      for(let i=0;i<arr.length;i++){
        if(arr[i] == key){
          return true;
        }
      }
      return false;
    },
    // 获得首页广告浮动图片
    getAdvertising(){
      bannerApiqueryOne({ type: "advertising",status: 1 }).then((res) => {
        if (res.code == 0) {
          let advertisingList = res.data.map((item) => {
            item.url = this.requestUrl + "/show" + item.url;
            // item.url = 'http://114.116.114.242:8080/' + "/show" + item.url;
            return item;
          });
          if(advertisingList && advertisingList.length>0){
            // 开始初始化广告
            $("#hoverImg").show();
            let item = advertisingList[0];
            this.$nextTick(()=>{
              this.hoverHrefUrl = item.thumbnailUrl; // 跳转地址
              this.hoverImgUrl = item.url; // 图片地址
              if(item.width && item.width!=0){
                $("#hoverImg img").css("width",item.width)
                this.hoverImgWidth = item.width
              }
              if(item.height && item.height!=0){
                $("#hoverImg img").css("height",item.height)
              }
            })
          }
        }
      });
    },
    // 获取首页背景轮播图
    getindexbanner() {
      bannerApiqueryOne({ type: "indexbanner" }).then((res) => {
        if (res.code == 0) {
          let bannerlist = res.data.map((item) => {
            item.url = this.requestUrl + "/show" + item.url;
            // item.url = 'http://114.116.114.242:8080/' + "/show" + item.url;
            return item;
          });
          // console.log("图片轮播图",this.bannerlist);
          // 随机生成随机数字
          let arr = [];
          for(let i=0;i<res.data.length;i++){
            let v = this.getRandomInt(res.data.length);//0-4
            if(this.isExistValue(arr,v)){
              i--;
            }else{
              arr.push(v)
            }
          }
          // console.log("生成的随机数：",arr);
          for (let i=0;i<arr.length;i++){
            this.bannerlist.push(bannerlist[arr[i]])
          }
          // console.log("图片轮播集合：", bannerlist);
          // console.log("图片轮播随机组装：", this.bannerlist);
          this.$nextTick(()=>{
            this.initswiper()
          })
        }
      });
    },
    // 获取图文链接
    gettuwenlist(id) {
      contentApiqueryAll({ columnId: id,approval:1}).then((res) => {
        if (res.code == 0) {
          this.tuwenlist = res.data;
          this.$nextTick(()=>{
            this.initad()
          })
        }
      });
    },
    tuwenGoto(item){
      if(item.type == 0){
        /*this.$router.push({
            name: "articlecontent",
            query: { id:item.id, navId: 16 },
          });*/
        let routeData = this.$router.resolve({
          name: "articlecontent",
          query: { id:item.id, navId: 16 },
        })
        window.open(routeData.href, '_blank')
      }else{
        window.open(item.fileUrl,"_blank");
      }
    },
    // 办公入口
    getbgrklist(id) {
      contentApiqueryAll({ columnId: id ,approval:1}).then((res) => {
        if (res.code == 0) {
          this.bgrklist = res.data;
          this.$nextTick(()=>{
            this.initbgrk()
          })
        }
      });
    },
    getlbxw() { // 拿到是不是推荐和置顶的5个消防要闻
      mainBanner().then((res) => {
        console.log("🚀 ~ file: index.vue:2235 ~ getlbxw ~ res:", res)
        if (res.code == 0) {
          this.lbxwlist = res.data;
          this.$nextTick(()=>{
            this.inintlunbo()
          })
        }
      });
    },
    getb1(id) {
      if (this.ids.includes(id)) {
        this.hoverB1list = [];
      } else {
        let newsid = "";
        if (id == "99999") {
          newsid = "";
        } else {
          newsid = id;
        }
        contentApiqueryPage({
          columnId: newsid,
          pageNum: 1,
          pageSize: 10,
          approval: "1",
        }).then((res) => {
          if (res.code == 0) {
            // console.log("支队要闻", res.rows);
            this.hoverB1list = res.rows;
          }
        });
      }
    },
    getb2(id) {
      if (this.ids.includes(id)) {
        this.b2list = [];
      } else {
        contentApiqueryPage({
          columnId: id,
          pageNum: 1,
          pageSize: 8,
          approval: "1",
        }).then((res) => {
          if (res.code == 0) {
            this.b2list = res.rows;
          }
        });
      }
    },
    getb3(id) {
      if (this.ids.includes(id)) {
        this.hoverb2list = [];
      } else {
        contentApiqueryPage({
          columnId: id,
          pageNum: 1,
          pageSize: 8,
          approval: "1",
        }).then((res) => {
          if (res.code == 0) {
            this.hoverb2list = res.rows;
          }
        });
      }
    },
    getdcyj(id) {
      if (this.ids.includes(id)) {
        this.dcyjlist = [];
      } else {
        contentApiqueryPage({
          columnId: id,
          pageNum: 1,
          pageSize: 6,
          approval: "1",
        }).then((res) => {
          if (res.code == 0) {
            this.dcyjlist = res.rows;
          }
        });
      }
    },
    getzdsw(id) {
      if (this.ids.includes(id)) {
        this.zdswlist = [];
      } else {
        contentApiqueryPage({
          columnId: id,
          pageNum: 1,
          pageSize: 6,
          approval: "1",
        }).then((res) => {
          if (res.code == 0) {
            this.zdswlist = res.rows;
          }
        });
      }
    },
    getgzjb(id) {
      if (this.ids.includes(id)) {
        this.gzjblist = [];
      } else {
        contentApiqueryPage({
          columnId: id,
          pageNum: 1,
          pageSize: 6,
          approval: "1",
        }).then((res) => {
          if (res.code == 0) {
            this.gzjblist = res.rows;
          }
        });
      }
    },
    gettszs(id) {
      if (this.ids.includes(id)) {
        this.tszslist = [];
      } else {
        contentApiqueryPage({
          columnId: id,
          pageNum: 1,
          pageSize: 6,
          approval: "1",
        }).then((res) => {
          if (res.code == 0) {
            this.tszslist = res.rows;
          }
        });
      }
    },
    Gotodetails(navId, id) {
      if (navId == 8) {
        /*this.$router.push({
          name: "jcsjdetails",
          query: { id: id, navId: navId },
        });*/
        let routeData = this.$router.resolve({
          name: "jcsjdetails",
          query: { id: id, navId: navId },
        })
        window.open(routeData.href, '_blank')
      }else if(navId == 99){
        /*this.$router.push({
          name: "videodetails",
          query: { id: id, navId: 15 },
        });*/
        let routeData = this.$router.resolve({
          name: "videodetails",
          query: { id: id, navId: 15 },
        })
        window.open(routeData.href, '_blank')

      }
    },
    hover(id, type) {
      if (type == "jgdt") {
        this.hoverjgdt = id;
      } else if (type == "dcyj") {
        this.hoverdcyj = id;
      } else if (type == "zdsw") {
        this.hoverzdsw = id;
      } else if (type == "gzjb") {
        this.hovergzjb = id;
      } else if (type == "tszs") {
        this.hovertszs = id;
      } else if (type == "jcsj") {
        this.hoverjcsj = id;
      } else if (type == "tzgg") {
        this.hovertz = id;
      } else if (type == "gddt") {
        this.hovergddt = id;
      } else {
        this.hoveractive = id;
      }
    },
    lbdetails(id) {
      /*this.$router.push({
        name: "lunbocontent",
        query: { id: id },
      });*/
      let routeData = this.$router.resolve({
        name: "lunbocontent",
        query: { id: id },
      })
      window.open(routeData.href, '_blank')
    },
    linkDutyRecord(id, navId, type){
      console.log('跳转到值班日记......',id)
      let routeData = this.$router.resolve({
        name: "articleDutyRecordContent",
        query: {  id: id, navId: navId },
      })
      window.open(routeData.href, '_blank')
    },
    link(id, navId, type) {
      if (this.ids.includes(id)) {
        this.$message.error("无权限阅读该栏目");
      } else {
        if (type == "details") {
          /*this.$router.push({
            name: "articlecontent",
            query: { id: id, navId: navId },
          });*/
          let routeData = this.$router.resolve({
            name: "articlecontent",
            query: { id: id, navId: navId },
          })
          window.open(routeData.href, '_blank')
        } else {
          /*this.$router.push({
            name: "articlelistpage",
            query: { navId: navId, id: id },
          });*/
          let routeData = this.$router.resolve({
            name: "articlelistpage",
            query: { navId: navId, id: id },
          })
          window.open(routeData.href, '_blank')
        }
      }
    },
    // 办公入口点击事件
    bgrklink(url) {
      if (url) {
        window.open(url,"_blank");
      } else {
        this.$message.error("暂无跳转地址");
      }
    },
    enlarge() {
      this.$emit("enlarge");
    },
  },
};
</script>
<style scoped>
@import "../assets/css/font/iconfont.css";
@import "../assets/css/index.css";
@import "../assets/css/style.css";
</style>
<style>
.ved2{
  background: pink;
}
.wznr_p_wrap{
  display: flex;
  margin-bottom: 20px!important;
}
.wznr_p_wrap .wznr_p_left{
  flex: 1;
}
.wznr_p_wrap .wznr_p_right{
  flex: 10;
}
.yqljselect2{
  color: black;
}
.gddt_jigou p{
  font-size: 14px !important;
  font-weight: 600;
  text-align: center!important;
}
#swiper-wrapper-wrap{
  position: absolute;
  z-index: 10000;
  bottom: 0px;
  left: 500px;
  height: 40px;
  width: 120px;
}
body{
  width: 100%;
	overflow-x: hidden;
}
.my-lunbo_title{
  border: 1px solid red;
}
.lunbo_pagination .swiper-pagination-bullet{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #b7bfbe;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
    border-radius: 0;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #017FE7;
}
.lunbo_title{
  font-size: 20px;
  font-family: "Microsoft YaHei";
  display: block;
  height: 40px;
  line-height: 40px;
  width: 100%;
  padding-left: 10px;
  background: rgba(75,82,78,0.8);
  position: absolute;
  bottom: 0px;
  left: 0px;
}

  .lunbo_circle_default{
    position: absolute;
    width: 10px;
    height: 10px;
    /*border-radius: 50px;*/
    background: rgba(255,255,255,1);
    cursor: pointer;
    bottom: 20px;
  }
  .lunbo_circle_active{
    background: #017FE7;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    cursor: pointer;
    bottom: 20px;
  }
</style>
